<template>
  <div class="paging">
    <van-tabs v-model="active">
      <van-tab title="全部">
        <group></group>
        <groupready></groupready>
        <togroup></togroup>
        <hadgroup></hadgroup>
      </van-tab>
      <van-tab title="正在进行">
        <group></group>
        <togroup></togroup>
      </van-tab>
      <van-tab title="即将开始">
        <groupready></groupready>
      </van-tab>
      <van-tab title="已结束">
        <hadgroup></hadgroup>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import group from "./group";
import groupready from "./groupready";
import hadgroup from "./hadgroup";
import togroup from "./togroup";


export default {
  name: "paging",
  data() {
    return {
      active: 0,
      productmes: {
        title: "【仅限深圳同城地区】新鲜水果上市 大荔冬枣  5斤/箱 ",
        newprice: 1,
        oldprice: 99,
        productnum: 11,
        productstatus: false,
      },
    };
  },
  components: {
      "group": group,
      "groupready": groupready,
      "hadgroup": hadgroup,
      "togroup": togroup,
  },
  mounted() {
    
  },
};
</script>

<style scoped>
</style>
